<template>
    <div id="DrugDetail">
        <div class="header">
            <div class="btn">
                <router-link to="/DrugType"><el-button  icon="el-icon-back"></el-button></router-link>
            </div>
                <div class="box">
                    <div class="demo-image__placeholder">
                        <el-image :src="src"></el-image>
                    </div>
                    <div class="form">
                        <el-form ref="form" :model="form"  label-width="75px" :label-position="left">
                        <el-form-item label="药品名称:">
                            <el-input v-model="form.name"></el-input>
                        </el-form-item>
                        <el-form-item label="主治:">
                            <el-input v-model="form.zhuzhi"></el-input>
                        </el-form-item>
                        <el-form-item label="禁忌:">
                            <el-input v-model="form.jinji"></el-input>
                        </el-form-item>
                        <el-form-item label="规格:">
                            <el-input v-model="form.mendian"></el-input>
                        </el-form-item>
                        </el-form>
                    </div>
                </div>
        <!-- 只要在项目中安装和配置了 vue-router ，就可以使用 router-view 这个组件了 -->
        <!-- 它的作用很单纯：占位符 -->
        <router-view></router-view>
    </div>
</div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        left: 'left',
        form: {
            name: '',
            age: '',
            gender: '',
            tel: '',
            Character: '' ,
            
        },
        src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'
      };
    
       
      }
    }
  
  </script>
  <style lang="less">
  #DrugDetail {
    height: 100%;
    .header{
        .btn{
        margin-top: 20px;
        margin-left: 20px;
    }
    .form {
        margin-left: 50px;
        margin-top: 22px;
        width: 430px;
    }
    .demo-image__placeholder{
        height: 150px;
        width: 200px;
        margin-left: 200px;
        margin-top: 50px;
    }
    }
    
  }
</style>